<template>
<!--    <h1>{{ msg }}</h1>-->
  <h2 class="ref">{{msg}}</h2>
  <h2 class="reactive">{{reactive1.name}}</h2>
</template>

<script setup lang="ts">
import {ref,reactive} from "vue";
const msg = ref('gao');
const reactive1 = reactive({name:"张三"});
</script>

<style scoped>
.ref{
    color: lightcoral;
}
.reactive{
    color: #535bf2;
}
</style>
